import { createRouter, createWebHistory } from 'vue-router'

const routes = [
    {
        path: "/",
        name: 'index',
        component: () => import("@/views/examplesLayout/index.vue"),
        children: [
            {
                path: "/baseComponents",
                name: 'baseComponents',
                component: () => import("@/views/baseComponents/test.vue"),
                children: [
                    {
                        path: "/baseComponents/test",
                        name: 'baseComponentsTest',
                        component: () => import("@/views/baseComponents/test.vue"),
                        meta: { url: '/baseComponents/test' }
                    }
                ],
            },
            {
                path: "/businessComponents",
                name: 'businessTest',
                // component: () => import("@/views/businessComponents/test.vue"),
                children: [
                    {
                        path: "/businessComponents/helptiptest",
                        name: 'HelpTip 提示弹框',
                        component: () => import("@/views/businessComponents/helpTipTest/index.vue"),
                        meta: { url: '/businessComponents/helptiptest' }
                    },
                    {
                        path: "/businessComponents/tooltiptest",
                        name: 'ToolTips 帮助提示',
                        component: () => import("@/views/businessComponents/toolTipTest/index.vue"),
                        meta: { url: '/businessComponents/tooltiptest' }
                    },
                    {
                        path: "/businessComponents/lineCountTip",
                        name: 'lineCountTip',
                        component: () => import("@/views/businessComponents/lineCountTip.vue"),
                        meta: { url: '/businessComponents/lineCountTip' }
                    },
                    {
                        path: "/businessComponents/cdsSearchInput",
                        name: 'cdsSearchInput 检索框',
                        component: () => import("@/views/businessComponents/cdsSearchInput.vue"),
                        meta: { url: '/businessComponents/cdsSearchInput' }
                    },
                    {
                        path: "/businessComponents/transfer",
                        name: 'transfer 穿梭框',
                        component: () => import("@/views/businessComponents/transfer.vue"),
                        meta: { url: '/businessComponents/transfer' }
                    },
                    {
                        path: "/businessComponents/tagGroup",
                        name: 'tagGroup 标签组',
                        component: () => import("@/views/businessComponents/tagGroup.vue"),
                        meta: { url: '/businessComponents/tagGroup' }
                    },
                    {
                        path: "/businessComponents/status",
                        name: 'status 状态',
                        component: () => import("@/views/businessComponents/status.vue"),
                        meta: { url: '/businessComponents/status' }
                    },
                    {
                        path: "/businessComponents/formSearch",
                        name: 'cdsPageSearch  列表检索表单',
                        component: () => import("@/views/businessComponents/formSearch.vue"),
                        meta: { url: '/businessComponents/formSearch' }
                    },
                    {
                        path: "/businessComponents/cdsRegion",
                        name: 'cdsRegion 地域选择',
                        component: () => import("@/views/businessComponents/cdsRegion.vue"),
                        meta: { url: '/businessComponents/formSearch' }
                    },
                    {
                        path: "/businessComponents/cdsRegionSite",
                        name: 'cdsRegionSite 地域及可用区选择',
                        component: () => import("@/views/businessComponents/cdsRegionSite.vue"),
                        meta: { url: '/businessComponents/formSearch' }
                    },
                    {
                        path: "/businessComponents/monthSlider",
                        name: 'monthSlider 购买时长',
                        component: () => import("@/views/businessComponents/monthSlider.vue"),
                        meta: { url: '/businessComponents/monthSlider' }
                    },
                    // {
                    //     path: "/businessComponents/cdsCustomizeListItems",
                    //     name: 'cdsCustomizeListItems 自定义列表项',
                    //     component: () => import("@/views/businessComponents/cdsCustomizeListItems.vue"),
                    //     meta: { url: '/businessComponents/cdsCustomizeListItems' }
                    // },
                    {
                        path: "/businessComponents/baseChart",
                        name: 'baseChart 通用Chart',
                        component: () => import("@/views/businessComponents/baseChart.vue"),
                        meta: { url: '/businessComponents/baseChart' }
                    },
                    {
                        path: "/businessComponents/cdsTestMoney",
                        name: 'cdsTestMoney 测试金',
                        component: () => import("@/views/businessComponents/cdsTestMoney.vue"),
                        meta: { url: '/businessComponents/cdsTestMoney' }
                    },
                    {
                        path: "/businessComponents/cdsBatchOperationDialog",
                        name: 'cdsBatchOperationDialog 批量操作弹框',
                        component: () => import("@/views/businessComponents/cdsBatchOperationDialog.vue"),
                        meta: { url: '/businessComponents/cdsBatchOperationDialog' }
                    },
                    // {
                    //     path: "/businessComponents/CdsCalculate",
                    //     name: 'CdsCalculate 计算类型与规格',
                    //     component: () => import("@/views/businessComponents/CdsCalculate.vue"),
                    //     meta: { url: '/businessComponents/CdsCalculate' }
                    // },
                    // {
                    //     path: "/businessComponents/cdsDataDisk",
                    //     name: 'cdsDataDisk 数据盘',
                    //     component: () => import("@/views/businessComponents/cdsDataDisk.vue"),
                    //     meta: { url: '/businessComponents/cdsDataDisk' }
                    // },
                    // {
                    //     path: "/businessComponents/cdsSliderNum",
                    //     name: 'cdsSliderNum 数量滑块',
                    //     component: () => import("@/views/businessComponents/cdsSliderNum.vue"),
                    //     meta: { url: '/businessComponents/cdsSliderNum' }
                    // },
                    {
                        path: "/businessComponents/cdsBandWidthSlider",
                        name: 'cdsBandWidthSlider 步长变动滚动条',
                        component: () => import("@/views/businessComponents/cdsBandWidthSlider.vue"),
                        meta: { url: '/businessComponents/cdsBandWidthSlider' }
                    },
                    // {
                    //     path: "/businessComponents/cdsPageSelect",
                    //     name: 'cdsPageSelect 分页下拉选择框',
                    //     component: () => import("@/views/businessComponents/cdsPageSelect.vue"),
                    //     meta: { url: '/businessComponents/cdsPageSelect' }
                    // },
                    {
                        path: "/businessComponents/cdsPassword",
                        name: 'cdsPassword 密码组件',
                        component: () => import("@/views/businessComponents/cdsPassword.vue"),
                        meta: { url: '/businessComponents/cdsPassword' }
                    },
                ],
            },
            {
                path: "/layout1",
                name: 'layout',
                component: () => import("@/views/layout/test.vue"),
                children: [
                    {
                        path: "/layout/singleLayout",
                        name: 'singleLayout',
                        component: () => import("@/views/layout/singleLayout.vue"),
                        meta: { url: '/layout/singleLayout' }
                    },
                    {
                        path: "/layout/menuLayout",
                        name: 'menuLayout',
                        component: () => import("@/views/layout/menuLayout.vue"),
                        meta: { url: '/layout/menuLayout' }
                    },
                    {
                        path: "/layout/listLayout",
                        name: 'listLayout',
                        component: () => import("@/views/layout/listLayout.vue"),
                        meta: { url: '/layout/listLayout' }
                    },
                    {
                        path: "/layout/pageLayout",
                        name: 'pageLayout',
                        component: () => import("@/views/layout/pageLayout.vue"),
                        meta: { url: '/layout/pageLayout' }
                    },
                    {
                        path: "/layout/editLayout",
                        name: 'editLayout',
                        component: () => import("@/views/layout/editLayout.vue"),
                        meta: { url: '/layout/editLayout' }
                    },
                    {
                        path: "/layout/pageHead",
                        name: 'pageHead',
                        component: () => import("@/views/layout/pageHead.vue"),
                        meta: { url: '/layout/pageHead' }
                    },
                    {
                        path: "/layout/cardForm",
                        name: 'cardForm',
                        component: () => import("@/views/layout/cardForm.vue"),
                        meta: { url: '/layout/cardForm' }
                    },
                    {
                        path: "/layout/formDesc",
                        name: 'formDesc',
                        component: () => import("@/views/layout/formDesc.vue"),
                        meta: { url: '/layout/formDesc' }
                    },
                ],
            },
            {
                path: "/icons",
                name: 'icons',
                component: () => import("@/views/icon/icons.vue"),
                children: [
                    {
                        path: "/icons/icons",
                        name: 'icon图标',
                        component: () => import("@/views/icon/icons.vue"),
                        meta: { url: '/icons/test' }
                    }
                ],
            },
            {
                path: "/theme",
                name: 'theme',
                component: () => import("@/views/theme/index.vue"),
                children: [
                    {
                        path: "/theme/index",
                        name: '主题设置',
                        component: () => import("@/views/theme/index.vue"),
                        meta: { url: '/theme/index' }
                    }
                ],
            },
            {
                path: "/locale",
                name: 'locale',
                children: [
                    {
                        path: "/locale/index",
                        name: '国际化',
                        component: () => import("@/views/locale/locale.vue"),
                        meta: { url: '/locale/index' }
                    }
                ],
            },
        ]
    },
    {
        path: "/layout/singleLayoutShow1",
        name: 'singleLayoutShow1',
        component: () => import("@/views/layout/singleLayoutShow1.vue"),
    },
    {
        path: "/layout/singleLayoutShow2",
        name: 'singleLayoutShow2',
        component: () => import("@/views/layout/singleLayoutShow2.vue"),
    },
    {
        path: "/layout/singleLayoutShow3",
        name: 'singleLayoutShow3',
        component: () => import("@/views/layout/singleLayoutShow3.vue"),
    },
    {
        path: "/layout/singleLayoutShow4",
        name: 'singleLayoutShow4',
        component: () => import("@/views/layout/singleLayoutShow4.vue"),
    },
    {
        path: "/layout/menuLayoutShow",
        name: 'menuLayoutShow',
        component: () => import("@/views/layout/menuLayoutShow.vue"),
    },
    {
        path: "/layout/editLayoutShow",
        name: 'editLayoutShow',
        component: () => import("@/views/layout/editLayoutShow.vue"),
    },
    {
        path: "/layout/listLayoutShow",
        name: 'listLayoutShow',
        component: () => import("@/views/layout/listLayoutShow.vue"),
    },
    {
        path: "/layout/pageLayoutShow",
        name: 'pageLayoutShow',
        component: () => import("@/views/layout/pageLayoutShow.vue"),
    },
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router
